html, body {
	font-family: 'Century Gothic', Calibri, serif;
	font-size: 13px;
	text-align: center;
	background-color: #FBEBD8;
	height: 100%;
	margin: 0;
    padding: 0;
}

.img-vague {
	position: absolute; 
	top: 610px; 
	left: 0px;
}

p {
    /* text-indent: 50px; */
    letter-spacing: 1px;
	text-align: center;
}

.navbar {
    background-color: #DC413F;
    color: rgb(255, 0, 0);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.logo img {
    max-height: 50px;
}

.links {
    display: flex;
    align-items: center;
    margin-right: auto;
}

.links a {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: bold;
    color: rgb(0, 0, 0);
    text-decoration: none;
    margin-right: 10px;
}

.links a:hover {
    text-decoration: none;
}

.separator {
    margin: 0 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.295);
    height: 30px;
	color : black;
}

.text-navbar {
	font-family: "MonteCarlo", cursive;
	font-size: 30px;
    margin-left: auto;
	color: #f5f5dc;
}

.container-carre {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.rectangle-test {
  width: 250px;
  height: 400px;
  background-color: #DC413F;
  margin: 10px auto;
  padding: 20px;
  float: none;
  margin-right: 113px;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: transform 0.5s ease;
}

.rectangle-test:hover {
	transform: scale(1.05);
}

.rectangle-test2 {
  width: 250px;
  height: 400px;
  background-color: #DC413F;
  margin: 10px;
  padding: 20px;
  float: left;
  margin-top: 113px;
  margin-right: 113px;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: transform 0.5s ease;
}

.rectangle-test2:hover {
	transform: scale(1.05);
}

.icon {
  text-align: center;
  margin-bottom: 20px;
}

.icon img {
  width: 75px; /* Taille de l'icône */
  height: 75px; /* Taille de l'icône */
}

h2 {
  text-align: center;
  margin-bottom: 10px;
}

img {
	width: 100%;
	height: auto;
	float: none;
    /* display: block;
    margin-left: 0px;
    margin-right: 0px  */
}

a {
    text-decoration: none;
	color: black;
	letter-spacing: 1px;
	text-align: center;
}

.text {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #F5F5DC;
	filter: drop-shadow(2px 2px black);
	font-size: 65px;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}


/*     RESEAUX     */

/* .reseaux {
	width: 100%;
	height: 100%;
} */

h1 {
	font-size: 24px;
	margin-bottom: 10px;
  }

.reseaux {
	margin-top: 105px;
	background-color: rgba(220, 66, 63, 0.70);
	padding: 20px;
	text-align: center;
  }

.rectangle {
	margin-top: 150px;
	width: 100%;
	height: 90%;
	background-color: rgba(220, 66, 63, 0.70);
}

.nous-rejoindre {
	position: absolute;
	top: 240%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 45px;
	font-weight: bold;
}

.nous-rejoindre-desc {
	position: absolute;
	top: 258%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 23px;
	font-weight: normal;
	white-space: nowrap;
}

.btn {
	margin-top: 68px;
	padding: 10px 45px;
	background-color: #DC413F;
	color: black;
	border-radius: 50px;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
	transition: background-color 0.3s;
	border: none;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.btn i {
	margin-top: 88px;
	margin-right: 5px;
}

.btn:hover {
	background-color: #a73230;
}

/* .line {
	position: relative;
    width: 110%;
    height: 7px;
	left: -70px;
    margin: 80px auto;
    background-color: #ccc;
    border-radius: 3px;
} */

.line {
	position: relative;
	left: 40px;
	width: 1750px;
	height: 7px;
	border-radius: 50px;
	background-color: #ccc;
	margin: 80px auto;
}

.nous-rejoindre-reseaux {
	position: absolute;
	top: 295%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 45px;
	font-weight: bold;
}

.btn-insta {
	margin-top: 68px;
	transform: translateX(-50%);
	padding: 10px 45px;
	background-color: #DC413F;
	color: black;
	border-radius: 50px;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
	transition: background-color 0.3s;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.btn-insta:hover {
	background-color: #a73230;
}

.btn-top-serv {
	transform: translateX(-50%);
	padding: 10px 45px;
	background-color: #DC413F;
	color: black;
	border-radius: 50px;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
	transition: background-color 0.3s;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background-image: url('img\2697612.png');
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
}

.btn-top-serv:hover {
	background-color: #a73230;
}

/* button {
  background-color: #DC413F;
  border: none;
  padding: 10px 45px;
  font-size: 16px;
  margin: 0 100px;
  border-radius: 50px;
  font-size: 25px;
  font-weight: bold;
  text-decoration: none;
  transition: background-color 0.3s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
} */

/* .button:hover {
	background-color: #a73230;
} */

.boutons {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.bouton {
  background-color: #DC413F;
  padding: 10px 45px;
  color: black;
  border: none;
  border-radius: 50px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  font-size: 25px;
  font-weight: bold;
  text-decoration: none;
  margin: 30px 50px; /* Ajout de marge entre les boutons */
  transition: background-color 0.3s;
  background-size: 70%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  /* margin: 50px auto; */
}

.bouton:hover {
	background-color: #a73230;
}

/*    BTN SCOLL TOP     */

.scroll-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	z-index: 999;
}
  
.btn-scroll-top {
	width: 30px;
	height: 30px;
	background-color: #afafaf;
	color: white;
	border: none;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
  
.btn-scroll-top:hover {
	background-color: #858585;
}

/*     EQUIPE     */

.container-equipe {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 40px;
}

/* .container-equipe {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.rectangle-equipe {
	width: 230px;
	height: 330px;
	background-color: #DC413F;
	margin: 10px;
	padding: 20px;
	float: left;
	margin-right: 113px;
	margin-top: 180px;
	margin-bottom: 150px;
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
} */

.rectangle-equipe {
	position: relative;
	left: -160px;
	width: 230px;
	height: 330px;
	background-color: #DC413F;
	margin: 10px;
	padding: 20px;
	float: left;
	margin-right: 113px;
	margin-top: 180px;
	margin-bottom: 150px;
	border-radius: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	transition: transform 0.5s ease;
}

.rectangle-equipe:hover {
	transform: scale(1.05);
}

.modo {
	background-color: #dc423f93;
}

.logo-staff {
  text-align: center;
  margin-bottom: 20px;
}

.logo-staff img {
  width: 160px;
  height: 160px;
  border-radius: 500px
}

.notre-equipe {
	font-size: 45px;
	font-weight: bold;
	margin: 30px 50px;
	position: relative;
	left: 600px;
}

/*     FOOTER     */

.footer {
	background-color: #DC413F;
	color: black;
	padding: 50px;
	display: flex;
	justify-content: space-between;
}
  
.footer-left {
	display: flex;
	align-items: center;
	text-align: left;
	font-size: 15px;
}
  
.footer-left img {
	width: 160px;
	margin-right: 40px;
}
  
.footer-right {
	display: flex;
	align-items: center;
	transition: transform 0.5s ease;
}

.footer-right:hover {
	transform: scale(1.05);
}
  
.footer-right a {
	margin-top: 30px;
	margin-right: 50px;
	color: black;
	text-decoration: none;
	font-size: 25px;
}

@media screen and (max-width: 480px) {
	.img-vague {
		position: absolute; 
		top: 155px; 
		left: 0px;
	}

	.text {
		position: absolute;
		top: 12%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #F5F5DC;
		filter: drop-shadow(2px 2px black);
		font-size: 40px;
		font-weight: bold;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	.rectangle-test {
		position: relative;
		left: 50px;
		width: 250px;
		height: 400px;
		background-color: #DC413F;
		margin: 50px auto;
		padding: 20px;
		float: left;
		margin-right: 113px;
		border-radius: 15px;
		background-position: center;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-test:hover {
		transform: scale(1.05);
	}
	  
	.rectangle-test2 {
		position: relative;
		left: 50px;
		width: 250px;
		height: 400px;
		background-color: #DC413F;
		margin: 50px auto;
		padding: 20px;
		float: left;
		margin-right: 113px;
		border-radius: 15px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-test2:hover {
		transform: scale(1.05);
	}

	.nous-rejoindre {
		position: absolute;
		top: 400%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 35px;
		font-weight: bold;
	}

	.nous-rejoindre-desc {
		position: absolute;
		top: 423%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 20px;
		font-weight: normal;
		width: 90%; /* Ajustez la largeur du texte */
		white-space: normal;
		text-align: center;
	}

	.btn {
		position: absolute;
		top: 440%;
		left: 50%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	.line {
		width: 295px;
		height: 7px;
		background-color: #D9D9D9;
		position: absolute;
		top: 453%;
		left: 50%;
		border-radius: 50px;
		transform: translateX(-50%);
	}
	
	.nous-rejoindre-reseaux {
		position: absolute;
		top: 463%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 35px;
		font-weight: bold;
	}

	.btn-insta {
		position: absolute;
		top: 478%;
		left: 68%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
	
	.btn-top-serv {
		position: absolute;
		top: 478%;
		left: 29%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		background-image: url('img\2697612.png');
		background-size: 70%;
		background-position: center;
		background-repeat: no-repeat;
	}

	.rectangle {
		margin-top: 150px;
		width: 100%;
		height: 98%;
		background-color: rgba(220, 66, 63, 0.70);
	}

	.container-equipe {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		top: 578%;
	}

	.notre-equipe {
		position: absolute;
		top: 485%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 35px;
		font-weight: bold;
	}

	.rectangle-equipe {
		position: relative;
		top: 898%;
		left: 50px;
		width: 230px;
		height: 300px;
		background-color: #DC413F;
		margin: 10px;
		padding: 20px;
		float: left;
		margin-top: 103px;
		margin-right: 103px;
		margin-bottom: 150px;
		border-radius: 15px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-equipe:hover {
		transform: scale(1.05);
	}
}

@media(max-width:820px){
	.img-vague {
		position: absolute; 
		top: 295px; 
		left: 0px;
	}

	.text {
		position: absolute;
		top: 18%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #F5F5DC;
		filter: drop-shadow(2px 2px black);
		font-size: 65px;
		font-weight: bold;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	.rectangle-test {
		position: relative;
		left: 50px;
		width: 250px;
		height: 400px;
		background-color: #DC413F;
		margin: 50px auto;
		padding: 20px;
		float: left;
		margin-right: 113px;
		border-radius: 15px;
		background-position: center;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-test:hover {
		transform: scale(1.05);
	}
	  
	.rectangle-test2 {
		position: relative;
		left: 50px;
		width: 250px;
		height: 400px;
		background-color: #DC413F;
		margin: 50px auto;
		padding: 20px;
		float: left;
		margin-right: 113px;
		border-radius: 15px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-test2:hover {
		transform: scale(1.05);
	}

	  .nous-rejoindre {
		position: absolute;
		top: 195%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 45px;
		font-weight: bold;
	}

	/* .nous-rejoindre-desc {
		position: absolute;
		top: 208%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 23px;
		font-weight: normal;
		white-space: nowrap;
	} */

	.nous-rejoindre-desc {
		position: absolute;
		top: 210%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 23px;
		font-weight: normal;
		width: 100%; /* Ajustez la largeur du texte */
		white-space: normal;
		text-align: center;
	}

	.btn {
		position: absolute;
		top: 220%;
		left: 50%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	.line {
		width: 675px;
		height: 7px;
		background-color: #D9D9D9;
		position: absolute;
		top: 230%;
		left: 50%;
		border-radius: 50px;
		transform: translateX(-50%);
	}
	
	.nous-rejoindre-reseaux {
		position: absolute;
		top: 238%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 45px;
		font-weight: bold;
	}

	.btn-insta {
		position: absolute;
		top: 252%;
		left: 68%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
	
	.btn-top-serv {
		position: absolute;
		top: 252%;
		left: 29%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		background-image: url('img\2697612.png');
		background-size: 70%;
		background-position: center;
		background-repeat: no-repeat;
	}

	.rectangle {
		margin-top: 150px;
		width: 100%;
		height: 78%;
		background-color: rgba(220, 66, 63, 0.70);
	}

	.notre-equipe {
		position: absolute;
		top: 268%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 45px;
		font-weight: bold;
	}

	.rectangle-equipe {
		position: relative;
		left: 50px;
		width: 230px;
		height: 330px;
		background-color: #DC413F;
		margin: 10px;
		padding: 20px;
		float: left;
		margin-right: 103px;
		margin-bottom: 150px;
		border-radius: 15px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-equipe:hover {
		transform: scale(1.05);
	}

	.text-navbar {
		font-family: "MonteCarlo", cursive;
		font-size: 15px;
		margin-left: auto;
		color: #f5f5dc;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
	.img-vague {
		position: absolute; 
		top: 335px; 
		left: 0px;
	}

	.text {
		position: absolute;
		top: 18%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #F5F5DC;
		filter: drop-shadow(2px 2px black);
		font-size: 65px;
		font-weight: bold;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	.rectangle-test {
		position: relative;
		left: -30px;
		width: 250px;
		height: 400px;
		background-color: #DC413F;
		margin: 50px auto;
		padding: 20px;
		float: left;
		margin-right: 113px;
		border-radius: 15px;
		background-position: center;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-test:hover {
		transform: scale(1.05);
	}
	  
	  .rectangle-test2 {
		position: relative;
		left: -30px;
		width: 250px;
		height: 400px;
		background-color: #DC413F;
		margin: 50px auto;
		padding: 20px;
		float: left;
		margin-right: 113px;
		border-radius: 15px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-test2:hover {
		transform: scale(1.05);
	}

	  .nous-rejoindre {
		position: absolute;
		top: 268%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 45px;
		font-weight: bold;
	}

	.nous-rejoindre-desc {
		position: absolute;
		top: 285%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 23px;
		font-weight: normal;
		width: 95%; /* Ajustez la largeur du texte */
		white-space: normal;
		text-align: center;
	}

	.btn {
		position: absolute;
		top: 300%;
		left: 50%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	.line {
		width: 1005px;
		height: 7px;
		background-color: #D9D9D9;
		position: absolute;
		top: 315%;
		left: 50%;
		border-radius: 50px;
		transform: translateX(-50%);
	}
	
	.nous-rejoindre-reseaux {
		position: absolute;
		top: 320%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 44px;
		font-weight: bold;
	}

	.btn-insta {
		position: absolute;
		top: 335%;
		left: 68%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
	
	.btn-top-serv {
		position: absolute;
		top: 335%;
		left: 29%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		background-image: url('img\2697612.png');
		background-size: 70%;
		background-position: center;
		background-repeat: no-repeat;
	}

	.rectangle {
		margin-top: 150px;
		width: 100%;
		height: 85%;
		background-color: rgba(220, 66, 63, 0.70);
	}

	.notre-equipe {
		position: absolute;
		top: 345%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 45px;
		font-weight: bold;
	}

	.rectangle-equipe {
		position: relative;
		left: 50px;
		width: 230px;
		height: 330px;
		background-color: #DC413F;
		margin: 10px;
		padding: 20px;
		float: left;
		margin-right: 103px;
		margin-bottom: 150px;
		border-radius: 15px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-equipe:hover {
		transform: scale(1.05);
	}
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	.img-vague {
		position: absolute; 
		top: 435px; 
		left: 0px;
	}

	.text {
		position: absolute;
		top: 38%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #F5F5DC;
		filter: drop-shadow(2px 2px black);
		font-size: 65px;
		font-weight: bold;
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}

	.rectangle-test {
		position: relative;
		left: 40px;
		width: 250px;
		height: 400px;
		background-color: #DC413F;
		margin: 50px auto;
		padding: 20px;
		float: left;
		margin-right: 113px;
		border-radius: 15px;
		background-position: center;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-test:hover {
		transform: scale(1.05);
	}
	  
	  .rectangle-test2 {
		position: relative;
		left: 40px;
		width: 250px;
		height: 400px;
		background-color: #DC413F;
		margin: 50px auto;
		padding: 20px;
		float: left;
		margin-right: 113px;
		border-radius: 15px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-test2:hover {
		transform: scale(1.05);
	}

	  .nous-rejoindre {
		position: absolute;
		top: 283%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 45px;
		font-weight: bold;
	}

	.nous-rejoindre-desc {
		position: absolute;
		top: 305%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 23px;
		font-weight: normal;
		width: 95%; /* Ajustez la largeur du texte */
		white-space: normal;
		text-align: center;
	}

	.btn {
		position: absolute;
		top: 320%;
		left: 50%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	.line {
		width: 1005px;
		height: 7px;
		background-color: #D9D9D9;
		position: absolute;
		top: 335%;
		left: 50%;
		border-radius: 50px;
		transform: translateX(-50%);
	}
	
	.nous-rejoindre-reseaux {
		position: absolute;
		top: 340%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 44px;
		font-weight: bold;
	}

	.btn-insta {
		position: absolute;
		top: 355%;
		left: 68%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
	
	.btn-top-serv {
		position: absolute;
		top: 355%;
		left: 29%;
		transform: translateX(-50%);
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		background-image: url('img\2697612.png');
		background-size: 70%;
		background-position: center;
		background-repeat: no-repeat;
	}

	.rectangle {
		margin-top: 150px;
		width: 100%;
		height: 95%;
		background-color: rgba(220, 66, 63, 0.70);
	}

	.notre-equipe {
		position: absolute;
		top: 390%;
		left: 45%;
		transform: translate(-50%, -50%);
		font-size: 45px;
		font-weight: bold;
	}

	.rectangle-equipe {
		position: relative;
		left: 50px;
		width: 230px;
		height: 330px;
		background-color: #DC413F;
		margin: 10px;
		padding: 20px;
		float: left;
		margin-top: 183px;
		margin-right: 103px;
		margin-bottom: 150px;
		border-radius: 15px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		transition: transform 0.5s ease;
	}
	
	.rectangle-equipe:hover {
		transform: scale(1.05);
	}

	.reseaux {
		margin-top: 105px;
		background-color: rgba(220, 66, 63, 0.70);
		padding: 20px;
		text-align: center;
		word-wrap: break-word;
	  }
	
	.rectangle {
		margin-top: 150px;
		width: 100%;
		height: 90%;
		background-color: rgba(220, 66, 63, 0.70);
	}
	
	.nous-rejoindre {
		position: absolute;
		top: 240%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 45px;
		font-weight: bold;
		word-wrap: break-word;
	}
	
	.nous-rejoindre-desc {
		position: absolute;
		top: 258%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 23px;
		font-weight: normal;
		white-space: nowrap;
		word-wrap: break-word;
	}
	
	.btn {
		margin-top: 68px;
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		border: none;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	h1 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	
	.reseaux {
		margin-top: 105px;
		background-color: rgba(220, 66, 63, 0.70);
		padding: 20px;
		text-align: center;
	}
	
	.rectangle {
		margin-top: 150px;
		width: 100%;
		height: 90%;
		background-color: rgba(220, 66, 63, 0.70);
	}
	
	.btn {
		margin-top: -28px;
		padding: 10px 45px;
		background-color: #DC413F;
		color: black;
		border-radius: 50px;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		transition: background-color 0.3s;
		border: none;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
	
	.btn i {
		margin-top: 88px;
		margin-right: 5px;
	}
	
	.btn:hover {
		background-color: #a73230;
	}
	
	.line {
		position: relative;
		left: 520px;
		width: 1050px;
		height: 7px;
		border-radius: 50px;
		background-color: #ccc;
		margin: 50px auto 90px;
		margin-top: 180px;
	}

	h2 {
		text-align: center;
		margin-bottom: 10px;
		font-size : 20px;
	}
}